/***** CSS Document *********/
* {margin:0; padding:0; list-style:none; border:none; font-family:Bidbiz; font-style:normal}
select, input {font-size:13px; color:#666}
a, a:hover {text-decoration:none}
a {color:#cf69a8} a:hover {color:#666} 
select:focus, input:focus {outline:none}
h3 {letter-spacing:-1px}

/**********************/
body {background:url(../img/bgd_site.gif); color:#666; margin:0; font:400 13px Bidbiz,'Helvetica Neue',Tahoma,Arial,sans-serif}
@font-face {font-family:Bidbiz;font-weight:400;src:url('../fonts/Roboto_N.woff')}
@font-face { font-family:Bidbiz;font-weight:700;src:url('../fonts/Roboto_B.woff')}
@font-face {font-family:Bidbiz;font-weight:300;src:url('../fonts/Roboto_L.woff')}

/**********************/
.input {background:#FFF; border:1px solid #e7e7e7}
.input:focus {border:1px solid #CCCCCC; outline:medium none}

.input8 {display:block; background-color:#427FED; background-image:-moz-linear-gradient(center top , transparent, transparent); border:1px solid transparent; box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); color:#FFFFFF; border-radius:2px 2px 2px 2px; height:28px; min-width:46px; text-align:center; font-size:12px; font-weight:700; text-shadow:0 1px rgba(0,0,0,0.3); display:inline-block}
.input8:hover {background-color:#4285F4; background-image:-moz-linear-gradient(center top , transparent, transparent); border-color:transparent transparent #2F69C2; border-image:none; border-style:solid; border-width:1px; box-shadow:0 -1px 0 #2F69C2 inset;}

/**********************/
#container {margin:0 auto; padding:0}

/**********************/
#content {width:920px; margin:0 auto; padding:20px 0; overflow:hidden}

/**********************/
#header {background:url(../img/bgd_header.gif) repeat-x}
	.headerContent {width:920px; height:120px; margin:0 auto;} /*da co height -> ko can overflow hidden nua*/
	.headerContent h1 {padding:8px 0 0 5px; float:left}
	.headerContent ul {padding:18px 0 18px 300px; float:right; text-align:right}
	.headerContent li {font-size:20px; font-weight:300; letter-spacing:-1px; display:inline; padding:0 0 0 10px; line-height:15px}
	.headerContent form {display:block}
	.headerContent form * {float:left}
	.headerContent #timkiem {width:240px; padding:13px 0 0 15px; float:left; position:relative;}
		.directories {width:500px; padding:15px; background:#fff; border:1px solid #ccc; margin-top:5px; display:none; position:absolute; top:100%; left:14px;
			-webkit-box-shadow:  2px 2px 10px 0px rgba(0, 0, 0, 0.3);
			box-shadow:  2px 2px 10px 0px rgba(0, 0, 0, 0.3);
		}
		.directory-opened {display:block;}
	.headerContent #timkiem img {margin:2px 10px 0 0}
	.headerContent #dangnhap {width:441px; float:right; padding:13px 0 0 0}
	.headerContent #dangnhap p {margin-top:5px}
	.headerContent #submit {margin-top:2px; margin-right:10px} 
	.headerContent .input {padding:5px 3px; color:#b2b3b4; float:left; width:146px; margin-right:7px}
	.headerContent .inputSearch {background:url(../img/bgd_search.gif) 97% 6px no-repeat #FFF; padding-right:30px; width:120px}
	.headerContent .help {width:76px; float:left; margin-top:-4px!important}
	.headerContent .help p {font-size:11px; line-height:10px; font-weight:700!important; clear:both!important}

#userPanel {width:400px; float:right; text-align:right; padding:12px 0 0 0}
#userPanel span {padding:5px 0 7px 35px; margin-left:5px; margin-right:10px}
#userPanel strong {font-size:18px; font-weight:300}
	#userPanel .class1 {background:url(../img/ico_user.gif) 0 0 no-repeat}
	#userPanel .class2 {background:url(../img/ico_logout.gif) 0 0 no-repeat}
	#userPanel .class3 {background:#cf69a8;color:#FFF;font-size:11px;font-weight:700;border:medium none;border-radius:4px;box-shadow:0px 2px 2px rgba(0, 0, 0, 0.2);height:14px;line-height:15px;min-width:15px; text-align:center;padding:2px 4px 3px 3px; margin:0}
	
/**********DANG KY************/	
	#formDangKy {display:block; background-color:#FFFFFF;border-color:#D8D8D8;border-left:1px solid #D8D8D8; border-radius:3px 3px 3px 3px;border-right:1px solid #D8D8D8;border-style:solid;border-width:0 1px 2px; padding:15px 25px}
	#formDangKy h2, #formDangKy h3{padding:0 0 15px 0; margin:0 0 18px 0; border-bottom:1px solid #e2e5e4; color:#666; font-size:36px; font-weight:300}
	#formDangKy h3 {font-size:24px; padding-top:15px; margin:0; border-bottom:5px solid #f6d807}
	#formDangKy p {line-height:25px; display:block; overflow:hidden; font-size:17px; font-weight:300}
	#formDangKy label {padding:5px 0 0 0; font-size:14px}
	#formDangKy span {font-size:13px; line-height:18px}
	#formDangKy .inputBox {border:1px solid #b2b3b4; padding:6px 4px; float:left}
	#formDangKy select.inputBox {padding:5px 4px;}
	#formDangKy .inputBox:focus {border:1px solid #666; outline:medium none}
	#formDangKy .inputLabel1 {width:130px; float:left}
	#formDangKy .inputLabel2 {float:left; height:20px; display:block; padding:0 0 0 10px}
	#formDangKy .inputCover {display:block; padding:14px 0; border-bottom:1px solid #e2e5e4}
	#formDangKy .inputCover1 {padding-left:130px}
	#formDangKy .input1 {width:270px; margin-right:8px}
	#formDangKy .input2 {width:78px; margin-right:8px; padding-left:2px; line-height:30px}
	#formDangKy .input3 {width:110px; margin-right:8px; line-height:30px}
	#formDangKy .input4 {width:470px}
	#formDangKy .input5 {width:130px; margin:0 6px 0 0; padding-left:2px; line-height:30px}
	#formDangKy .input6 {width:212px}
	#formDangKy .input7 {width:20px; height:26px; margin-left:130px; float:left}
	#formDangKy .input8 {width:135px; font-weight:400; margin-right:20px}

/**********Menu Category************/	
#menuCategory {display:none}

/**********Ad Banner************/
.vipContainer {width:917px; overflow:hidden; clear:both}
.vipContainer div {float:left}
.vipContainer .sectionVip {width:684px; margin:0 15px 0 0}

/**********Products***********/
.itemContainer {width:917px; overflow:hidden; padding:10px 0 0 0}
.itemDetail {width:218px; margin-bottom:12px; background:#FFF; border-color:#D8D8D8;border-image:none; border-left:1px solid #D8D8D8; border-radius:4px 4px 4px 4px; border-right:1px solid #D8D8D8; border-style:solid; border-width:0 1px 3px; overflow:hidden}
.itemDetail p {padding:0 10px; font-size:12px; font-weight:300}
.itemDetail p:first-child {padding:0}
.itemDetail .title {padding-top:4px; font-size:14px; text-align:center}
.itemDetail .price {font-size:26px; background:#f6d807; color:#303030; font-weight:300; box-shadow:0 2px 4px rgba(0, 0, 0, 0.1); text-align:center; margin:4px 0}
.itemDetail .price span {font-size:16px}
.itemDetail .detail {display:block; padding:0 10px; width:220px; overflow:hidden}
.itemDetail .detail span {float:left; display:block}
.itemDetail .timeLeft {background:url(../img/ico_time.gif) 0 4px no-repeat; padding:6px 0 6px 22px; width:88px}
.itemDetail .flag {background:url(../img/ico_flag.gif) 0 4px no-repeat; padding:6px 0 6px 20px; width:90px}


/**********Item Detail***********/
.mainItemMenu {width:200px; float:left; border-color:#D8D8D8; border-left:1px solid #D8D8D8; border-radius:1px 4px 4px 4px; border-right:1px solid #D8D8D8; border-style:solid; border-width:0 1px 3px; overflow:hidden; background:#FFF}
.mainItemMenu h2 {display:block; padding:8px 20px; font-size:24px; font-weight:300; background:#f6d807; box-shadow:0 2px 4px rgba(0, 0, 0, 0.1); color:#444}
.mainItemMenu ul {padding:8px 0}
.mainItemMenu li {font-size:15px; font-weight:300}
.mainItemMenu a {display:block; padding:6px 18px 6px 40px}
.mainItemMenu a:hover {background:#F1F1F1; color:#333}

.mainItemContent {width:701px; float:left; margin-left:15px; border-color:#D8D8D8; border-left:1px solid #D8D8D8; border-radius:1px 4px 4px 4px; border-right:1px solid #D8D8D8; border-style:solid; border-width:0 1px 3px; overflow:hidden; background:#FFF}

.breadcrumb {padding:12px 20px; font-size:15px; font-weight:400}
.breadcrumb a {color:#cf69a8} .breadcrumb a:hover {color:#666} 

.viewType {display:block; padding:10px 20px; overflow:hidden; background:#f6f6f6; border-top:1px solid #efefef; border-bottom:1px solid #efefef}
.viewType li {float:left; padding:5px 0 5px 30px; margin-right:30px}
.viewType .list {background:url(../img/ico_list.gif) 0 4px no-repeat}
.viewType .thumb {background:url(../img/ico_thumb.gif) 0 4px no-repeat}

.sortItems {padding:15px 20px; overflow:hidden; float:left}
.sortItems select {border:1px solid #B2B3B4; padding:3px 3px 3px 3px; margin:0 0 0 6px; width:120px}

.sortTabs {float:right; overflow:hidden; padding:20px 15px 15px}

.itemList {overflow:hidden; padding:20px 15px 15px; width:674px; clear:both; border-top:1px solid #efefef; }
.itemList div {float:left}
.itemList .itemPic {width:160px; margin:0 15px 0 0; overflow:hidden; border-color:#eeeeee; border-left:1px solid #eeeeee; border-radius:4px 4px 4px 4px; border-right:1px solid #eeeeee; border-style:solid; border-width:1px 1px 3px}
.itemDesc {width:230px; padding:0 10px 0 0}
.itemDesc h3 {font-size:14px; line-height:18px; margin:0 0 5px 0}
.itemDesc h3 a {color:#CF69A8} .itemDesc h3 a:hover {color:#5bc2be} 
.itemPrice {width:128px; text-align:center}
.itemPrice h4 {font-size:20px; color:#000}
.itemMeet * {color:#cf69aa}

.itemPrice img {margin:4px 0}
.itemBid h4 {color:red}
.itemBid p a , .itemBid h4 a{color:red} .itemBid p a:hover {color:red}

.itemListThumb {width:674px; overflow:hidden; padding:20px 15px 15px; clear:both}
.itemThumb {width:218px; height:350px; margin:0 0 12px; overflow:hidden; float:left; border-color:#D8D8D8;border-image:none; border-left:1px solid #D8D8D8; border-radius:4px 4px 4px 4px; border-right:1px solid #D8D8D8; border-style:solid; border-width:1px 1px 2px}
.itemThumbInner {padding:10px; text-align:center; overflow:hidden; height:140px}
.itemThumbInner h3 {font-size:13px; display:block; padding:0 0 5px 0}
.itemThumbInner h4 {font-size:20px; color:#000}
.itemThumbInner h4 a {line-height:15px; margin:4px 0 0 0}
.itemThumbInner img {vertical-align:-2px; margin-left:4px}
.itemThumbInner p span {font-size:18px; color:red; font-weight:700}
.itemBuyNow h4 a {font-size:16px; color:red; line-height:28px}
.itemBuyNow h5 {margin:0 0 10px 0}
.itemBuyNow h5 a {font-size:13px}
.itemBuyNow div {width:99px; height:90px; float:left}
.itemThumbBal {margin:0 7px}
.itemCurrency {vertical-align:super; font-size:60%}
.itemFollow a {padding:5px 0; text-align:center; display:block; font-size:12px; font-weight:bold; box-shadow:0 2px 40px rgba(0,0,0,.3)}

.paging {overflow:hidden; clear:both; padding:15px 0; font-size:16px; font-weight:400; text-align:center; border-top:1px solid #efefef}
.paging li {display:inline; padding:0 6px}
.paging span {font-size:26px; color:#f6d807; border:1px solid #f6d807; padding:0 5px}

.itemDetailPage {overflow:hidden}
.itemDetailPage h3 {font-size:24px; font-weight:300; padding:0 22px 8px 22px; color:#000}
.itemDetailPage h4 {font-size:18px; font-weight:300; padding:0 22px}
.itemDetailBid {padding:10px 22px; margin:20px 0; box-shadow:0 2px 30px rgba(0,0,0,.3); font-size:15px}
.itemDetailBid h5 {display:inline; font-size:20px; font-weight:700; color:#000}
.itemDetailBid img {vertical-align:text-top; margin:0 8px}
.itemDetailDesc {padding:20px 22px}
.itemDetailDesc p {padding-bottom:10px}

#frmDauGia {display:block; padding:10px 22px 20px 22px; font-size:15px; border-bottom:1px solid #efefef}
#frmDauGia * {display:inline}
#frmDauGia .input {width:100px; height:22px; padding:2px 4px; border:1px solid #b2b3b4; font-size:16px; vertical-align:bottom}
#frmDauGia .input:focus {border:1px solid #666}
#frmDauGia strong {color:red; margin:0 0 0 125px}
#frmDauGia .input8 {font-size:12px; font-weight:700; height:28px; margin:-1px 0 0 0}

.itemShare {padding:8px 0; text-align:center}
.itemShare img {vertical-align:middle; margin:0 5px}
.itemShare strong {padding:0 0 0 20px}
.itemShare .input8 {width:150px; line-height:26px; text-align:center; background:#f6d807; color:#444; font-weight:700}
.itemShare .input8:hover {background:#f6e207; border-color:transparent transparent #eace07; border-image:none; box-shadow:0 -2px 0 #eace07 inset; color:#444}
.itemShare ul {float:right; width:250px; text-align:right}
.itemShare li {display:inline}
.itemSellerBox {padding:10px 20px; overflow:hidden; background:#f6f6f6; border-bottom:2px solid #efefef; font-size:15px; border-radius:3px 3px 3px 3px}
.itemSellerBox p {padding:0}
.itemSellerBox h4 {padding:0 0 6px 0; font-weight:400}
.itemSellerBox h4 a, .itemSellerBox p strong {color:#000}
.itemSellerRating {width:250px; float:right; text-align:right; font-size:35px; font-weight:300; letter-spacing:-1px; padding:20px 0 0 0}
.itemSellerRating img {vertical-align:text-top}

/**********************/
.itemNew {padding:0 22px}
.itemNew h3 {font-size:28px; font-weight:300; padding:0 0 15px 0}
.itemNew form p {padding:15px 0; display:block; overflow:hidden; border-bottom:1px solid #e2e5e4}
.itemNew form input {vertical-align:-1px; float:left}
.itemNew form label {display:block; float:left; line-height:17px}
.itemNew form select {margin:0 6px 0 0}
.itemNew .input {border:1px solid #b2b3b4; padding:4px; float:left;}
.itemNew .input:focus {border:1px solid #666}
.itemNew .line {border-top:3px solid #f6d807}
.itemNew .label1 {width:120px; padding:5px 0 0 0}
.itemNew .label2 {width:120px; line-height:25px}
.itemNew .label3 {padding-left:40px; width:100px}
.itemNew .label4 {line-height:25px}
.itemNew .label5 {padding:0 10px 0 0; line-height:25px}
.itemNew .inputTitle {width:500px}
.itemNew .inputCheck {margin:0 5px 0 0; height:25px}
.itemNew .inputCategory {width:250px}
.itemNew .inputPrice {margin:0 5px 0 0; height:25px}
.itemNew .input8 {width:150px; font-weight:700; margin:0 0 0 255px}



/* form validation - updated by THUY */
.input-warning {font-size:12px !important; padding:5px 0; color:#f00; display:block; font-weight:bold!important; clear:both}
label + .input-warning {clear:both;}
.agree .input-warning {margin-left:133px;}
.headerContent .input-warning {display:none;}
input[type=text].required
, input[type=password].required
, textarea.required
, select.required
 {border:1px solid red!important}
.input-colum {margin-right:5px; float:left; display;block;}
.input-space {margin-right:5px;}